<template>
	<div>
		<Test/>
		<Test1/>
		<Test2/>
	</div>
</template>

<script>
	import Test from './components/Test'
	import Test1 from './components/Test1'
	import Test2 from './components/Test2'

	export default {
		name:'App',
		components:{Test,Test2,Test1},
		data() {
			return {
				//由于todos是MyHeader组件和MyFooter组件都在使用，所以放在App中（状态提升）
				todos:JSON.parse(localStorage.getItem('todos')) || []
			}
		}
}
</script>
